<template>
  <div class="swiper-container">
  	<div class="swiper-wrapper">  			
	    <div class="swiper-slide" v-for="bannerimg in bannerimgs">
	    	<img :src="bannerimg.imgurl" />
	    </div>		    		   
	 	</div>
		<div class="swiper-pagination"></div>
	</div>
</template>

<script>
export default { 
	props: ['bannerimgs'],
  data () {
    return {
     
    }
  },
  mounted(){ 
		var mySwiper = new Swiper('.swiper-container', {
			  autoplay: 3500,
			  loop: true,
			  pagination : '.swiper-pagination',
			  paginationClickable :true,
		});    
  }
}
</script>



<style src="../assets/css/banner.css"></style>
